.h100 {
  height: 100%;
}
.w100 {
  width: 100%;
}
.tac {
  text-align: center;
}
.tar,
.text-right {
  text-align: right;
}
.tal,
.text-left {
  text-align: left;
}
.row {
  display: flex;
}
.column {
  display: flex;
  flex-direction: column;
}
.jcc {
  justify-content: center;
}
.jcsb,
.justify-content-space-between {
  justify-content: space-between;
}
.jcsa {
  justify-content: space-around;
}
.jcfe {
  justify-content: flex-end;
}
.aic {
  align-items: center;
}
.col,
.f-1,
.col-1 {
  flex: 1;
}
.f-2,
.col-2 {
  flex: 2;
}
.f-3,
.col-3 {
  flex: 3;
}
.f-2,
.col-2 {
  flex: 2;
}
.f-4,
.col-4 {
  flex: 4;
}
.f-5,
.col-5 {
  flex: 5;
}
.f-6,
.col-6 {
  flex: 6;
}
.f-7,
.col-7 {
  flex: 7;
}
.f-8,
.col-8 {
  flex: 8;
}
.f-9,
.col-9 {
  flex: 9;
}
.f-10,
.col-10 {
  flex: 10;
}
.f-11,
.col-11 {
  flex: 11;
}
@import './padding/padding.scss';
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 1rem !important;
}

.m-2 {
  margin: 2rem !important;
}

.m-3 {
  margin: 3rem !important;
}

.m-4 {
  margin: 4rem !important;
}

.m-5 {
  margin: 5rem !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 1rem !important;
}

.ml-2 {
  margin-left: 2rem !important;
}

.ml-3 {
  margin-left: 3rem !important;
}

.ml-4 {
  margin-left: 4rem !important;
}

.ml-5 {
  margin-left: 5rem !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.mt-2 {
  margin-top: 2rem !important;
}

.mt-3 {
  margin-top: 3rem !important;
}

.mt-4 {
  margin-top: 4rem !important;
}

.mt-5 {
  margin-top: 5rem !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 1rem !important;
}

.mb-2 {
  margin-bottom: 2rem !important;
}

.mb-3 {
  margin-bottom: 3rem !important;
}

.mb-4 {
  margin-bottom: 4rem !important;
}

.mb-5 {
  margin-bottom: 5rem !important;
}
.mr-0-5 {
  margin-right: 0.5rem !important;
}
.mr-1 {
  margin-right: 1rem !important;
}

.mr-2 {
  margin-right: 2rem !important;
}

.mr-3 {
  margin-right: 3rem !important;
}

.mr-4 {
  margin-right: 4rem !important;
}

.mr-5 {
  margin-right: 5rem !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml1 {
  margin-left: 1rem !important;
}

.ml2 {
  margin-left: 2rem !important;
}

.ml3 {
  margin-left: 3rem !important;
}

.ml4 {
  margin-left: 4rem !important;
}

.ml5 {
  margin-left: 5rem !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt1 {
  margin-top: 1rem !important;
}

.mt2 {
  margin-top: 2rem !important;
}

.mt3 {
  margin-top: 3rem !important;
}

.mt4 {
  margin-top: 4rem !important;
}

.mt5 {
  margin-top: 5rem !important;
}

.pt0 {
  padding-top: 0 !important;
}

.mb1 {
  margin-bottom: 1rem !important;
}

.mb2 {
  margin-bottom: 2rem !important;
}

.mb3 {
  margin-bottom: 3rem !important;
}

.mb4 {
  margin-bottom: 4rem !important;
}

.mb5 {
  margin-bottom: 5rem !important;
}

.mr1 {
  margin-right: 1rem !important;
}

.mr2 {
  margin-right: 2rem !important;
}

.mr3 {
  margin-right: 3rem !important;
}

.mr4 {
  margin-right: 4rem !important;
}

.mr5 {
  margin-right: 5rem !important;
}
.grid {
  display: grid;
}
.half,
.columns-2 {
  grid-template-columns: 50% 50%;
  // grid-template-rows: 50% 50%;
}
.columns-4 {
  grid-template-columns: repeat(4, 25%);
}
.gap-1 {
  grid-row-gap: 1rem;
  grid-column-gap: 1rem;
}
